<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>${ session.user.username }--未处理订单</title>
		<style type="text/css">
<!--
.c1 {
	font-size: 13px;
	color: #FFFFFF;
}

.c2 {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.title {
	font-size: 15px;
	color: #1B3E6D;
	line-height: 18pt;
	font-weight: bold;
}
-->
</style>
		<link href="css/c1.css" rel="stylesheet" type="text/css">
		<link href="css/style.css" rel="stylesheet" type="text/css">
	</head>
	<script type="text/javascript">
function alertinfo(id){
 
	//显示弹出层
	var obj = document.getElementById(id); 
	var W = screen.width;//取得屏幕分辨率宽度 
	var H = screen.height;//取得屏幕分辨率高度 
	var yScroll;//取滚动条高度 
	if (self.pageYOffset) { 
		yScroll = self.pageYOffset; 
	} else if (document.documentElement && document.documentElement.scrollTop){ 
		yScroll = document.documentElement.scrollTop; 
	} else if (document.body) {
		yScroll = document.body.scrollTop; 
	} 
	obj.style.top= (H/2 - 90 + yScroll) + "px";
	document.getElementById("bg").style.display = "block";
	document.getElementById("bg").style.height = document.body.scrollHeight;
	obj.style.display = "block";
} 
 
function closediv(id){
//关闭弹出层 
	document.getElementById(id).style.display = "none"; 
	document.getElementById("bg").style.display = "none";
} 
</script>
	<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
		<jsp:include page="top.jsp" />
		<div style="background-color:#fff;-moz-opacity: 0.5; filter: alpha(opacity = 50); 
			width:100%; position:absolute; z-index:9998; left:0; top:0; display:none" id="bg"></div>
		<table width="1004" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr>
				<td height="484" align="center">
					<table width="98%" height="528" border="0" align="center"
						cellpadding="0" cellspacing="0">
						<tr>
							<td width="192" height="528" valign="top">
								<jsp:include page="left.jsp" />
							</td>
							<td align="center" valign="top">
								<table width="700" border="0" cellpadding="0" cellspacing="0">
									<tr background="image/page/mean_bg.jpg">
										<td height="40" background="image/page/mean_bg.jpg">
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="image/page/arr.jpg" width="14" height="6">
											<span class="title">&nbsp;未处理订单</span>
										</td>
									</tr>
									<tr>
										<td align="center" valign="top" width="100%">
										<font color="#FF0000" size="14">${ request.message }</font>
											<table width="100%" border="0" cellpadding="0"
												cellspacing="0" style="color: #333">
												<tr>
													<td height="31">
														&nbsp;
													</td>
													<td>
													<table width="100%" border="0" align="center">
														<tr class="texthei">
															<td>订单编号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单日期</td>
														</tr>
														<c:forEach items="${ request.orders }" var="order">
															<tr class="texthei">
																<td><a href="javascript: alertinfo('alertdiv${ order.OId }');">&nbsp;&nbsp;&nbsp;${ order.OId }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:formatDate value="${ order.OTime }" pattern="yyyy-MM-dd HH:mm:ss" /></a></td>
															</tr>
															<tr>
																<td>
																	

																	<div style="position:absolute; width:800px; z-index:9999;left:35%; 
																		margin-left:-200px; padding:1px; border:0px #ccc solid; font-size:12px; 
																		display:none; background-color:#eff" id="alertdiv${ order.OId }">

																		<h2 style="position:relative; height:23px; background-color:#87CEEB; 
																			font-size:14px;padding:0; padding-left:5px; line-height:23px; margin:0; ">
																			订单${ order.OId }明细
																			<a style="position:absolute; display:block;right:5px; top:3px;display:block; 
																				margin:0; width:15px; height:15px; padding:0; overflow:hidden; 
																				background:url(image/page/closelabel.gif) no-repeat; 
																				cursor:pointer; text-indent:-999px" href="javascript: closediv('alertdiv${ order.OId }')"
																				title="关闭">关闭</a>
																		</h2>

																		<div style="padding:1px;">
																			<table width="100%" border="0" align="left">
																				<tr class="texthei"
																					align="center">
																					<td>
																						产品编号
																					</td>
																					<td>
																						产品图片
																					</td>
																					<td>
																						产品名称
																					</td>
																					<td>
																						产品厂商
																					</td>
																					<td>
																						产品型号
																					</td>
																					<td>
																						产品数量
																					</td>
																					<td>产品单价</td>
																					<td>产品总价</td>
																				</tr>
																				<c:forEach items="${ order.orderLists }" var="ol">
																					<tr class="texthei" align="center">
																						<td>
																							${ ol.products.PId }
																						</td>
																						<td>
																							<img alt="${ ol.products.PName }" border="0"
																								src="image/product/${ ol.products.image }" width="80"
																								height="60" />
																						</td>
																						<td>
																							${ ol.products.PName }
																						</td>
																						<td>
																							${ ol.products.factory }
																						</td>
																						<td>${ ol.products.model }</td>
																						<td>
																							${ ol.LNum }
																						</td>
																						<td>${ ol.LPrice }</td>
																						<td>${ ol.LSumPrice }</td>
																					</tr>
																				</c:forEach>
																				<tr>
																					<td colspan="9" align="right">
																						产品总量：${ order.OSumNum }&nbsp;&nbsp;&nbsp;&nbsp;
																						产品总价：￥${ order.OSumPrice }元&nbsp;&nbsp;&nbsp;&nbsp;
																					</td>
																				</tr>
																			</table>
																		</div>
																	</div>
																</td>
															</tr>
														</c:forEach>
													</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<jsp:include page="bottom.jsp" />

	</body>
</html>
